import { createApp } from 'vue'
import { createPinia} from 'pinia'
import piniaPersist from 'pinia-plugin-persist'
import App from './App.vue'
// 重置样式： 让html标签在浏览器中有相同的表现
import 'normalize.css'
// 公共样式
import '@/assets/styles/common.less'

import router from '@/router'
const app = createApp(App)
// V3的全局组件
// import XtxSkeleton from '@/components/XtxSkeleton/XtxSkeleton.vue';
// app.component('XtxSkeleton', XtxSkeleton)
import XtxUI from '@/components/index'
import XtxDirective from '@/directive'
// 自动调用 install函数，并传入app给形参
app.use(XtxUI)
app.use(XtxDirective)
const pinia = createPinia()
pinia.use(piniaPersist)
app.use(router).use(pinia).mount('#app')
